<template>
  <div>
    <div v-if="activities">
      <div v-for="(act, index) in activities" :key="index">
        <ActivityItem class="pa-3" :act="act"></ActivityItem>
        <v-divider
          v-if="index != Object.keys(activities).length - 1"
          class="grey lighten-2"
        ></v-divider>
      </div>
    </div>
    <div id="notfound" v-else>
      <h1>啥都没找到=。=</h1>
    </div>
  </div>
</template>

<script>
import ActivityItem from "../components/ActivityItem.vue";

export default {
  name: "Search",
  props: ["activities"],
  components: {
    ActivityItem,
  },
};
</script>

<style scoped>
#notfound {
  padding: 50px;
  color: rgb(105, 175, 245);
}
</style>